<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String root = request.getContextPath();
	response.setHeader("expires","0");
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>My JSP 'admin_state.jsp' starting page</title>
		<link type="text/css" rel="stylesheet" href="<%=root%>/scripts/jquery-tools/tab/css/tabs.css">
		<style>	
			/* tab pane styling */
			body {
				padding:0;
				margin:0;
			}
			.div.panes {
				margin;0;
			}
			div.panes .pane {
				display: none;
				padding: 15px 100px;
				border: 1px solid #999;
				border-top: 0;
				font-size: 12px;
				background-color: #eeeeee;
			}
			.setting_item {
				clear:both;
				margin-bottom:10px;
			}
			
			.setting_item label{
				width:100px;
				display:block;
				float:left;
				padding-top:5px;
			}
			
			.setting_item select{
				width:150px;
				border:1px SOLOD #8e8e8e;
			}
			.setting_item textarea{
				width:300px;
				border:1px SOLOD #8e8e8e;
				height:150px;
			}
			.setting_item .checkbox_label{
				padding-top:0px;
			}
			.setting_submit{
				border:1px SOLID #8e8e8e;
				padding:2 2 2 2;
				display:block;
			}
			#article_setting  label{
				width:150px;
			}
			#personal_setting label{
				width:50px;
			}
		</style>
		<script type="text/javascript"
			src="<%=root%>/scripts/jquery-1.3.2.min.js"></script>
		<script type="text/javascript"
			src="<%=root%>/scripts/jquery-tools/js/jquery.tools.min.js"></script>
		<script type="text/javascript">
		<!--
		// perform JavaScript after the document is scriptable. 
		$(function() {     // setup ul.tabs to work as tabs for each div directly under div.panes    
		 $("ul.tabs").tabs("div.panes > div"); 
		});
		-->
		</script>
	</head>

	<body>
		<!-- the tabs -->
		<ul class="tabs">
			<li>
				<a href="#">系统设置</a>
			</li>
			<li>
				<a href="#">文章管理设置</a>
			</li>
			<li>
				<a href="#">个人设置</a>
			</li>
		</ul>
		<!-- tab "panes" -->
		<div class="panes">
			<div class="pane" id="system_setting">
				<form>
					<div class="setting_item">
						<label>标题*:</label>
						<input type="text"/>
					</div>
					<div class="setting_item">
						<label>副标题*:</label>
						<input type="text"/>
					</div>
					<div class="setting_item">
						<label>是否允许评论:</label>
						<label class="checkbox_label"><input type="checkbox"/>允许评论</label>
						<label class="checkbox_label"><input type="checkbox"/>允许匿名</label>
					</div>
					<div class="setting_item">
						<label>是否允许留言:</label>
						<label class="checkbox_label"><input type="checkbox"/>允许留言</label>
						<label class="checkbox_label"><input type="checkbox"/>允许匿名</label>
					</div>
					<div class="setting_item">
						<div>首页显示模块:</div>
						<select multiple="multiple" size="10"></select>
						<select multiple="multiple" size="10"></select>
					</div>
					<div class="setting_item">
						<div>系统公告:</div>
						<textarea></textarea>
					</div>
					<div>
						<input type="submit" value="设置" class="setting_submit">
					</div>
				</form>
			</div>
			<div class="pane">
				<div id="article_setting">
					<form>
						<div class="setting_item">
							<label>首页文章每页显示数目：</label>
							<input type="text"/>
						</div>
						<div class="setting_item">
							<label>管理文章每页显示数目：</label>
							<input type="text"/>
						</div>
						<div class="setting_item">
							<input type="submit" value="设置" class="setting_submit">
						</div>
					</form>
				</div>
			</div>
			<div class="pane">
				<div id="personal_setting">
					<form>
						<div class="setting_item">
							<label>头像：</label>
							<input type="text"/>
						</div>
						<div class="setting_item">
							<div>我的话:</div>
							<textarea></textarea>
						</div>
						<div class="setting_item">
							<div>联系方式:</div>
							<textarea></textarea>
						</div>
						<div>
							<input type="submit" value="设置" class="setting_submit">
						</div>
					</form> 
				</div>
			</div>
		</div>
	</body>
</html>
